<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1 , user-scalable=no">
    <title>html</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index-my.css">
    <link rel="stylesheet" href="css/form-my.css">
</head>
<body>
<!--导航-->
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <!--小屏幕导航按钮和logo-->
        <!--小屏幕按钮 绑定事件可下拉-->
        <div class="navbar-header">
            <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <!--logo-->
            <a href="index.html" class="navbar-brand">Veng Su</a>
        </div>
        <!--导航栏-->
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="index.html">首页</a></li>
                <li><a href="video.html">视屏</a></li>
                <li><a href="introduce.html">个人介绍</a></li>
                <li><a href="./mobile/index.html">移动端页面</a></li>
                <li><a href="form.html">登录</a></li>
                <li><a href="form.html">注册</a></li>
            </ul>
        </div>
    </div>
</nav>
<!--轮播图-->
<section id="photo">
    <div id="myCarousel" class="carousel slide">
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="item active" style="background:#223240">
                <img class="img-responsive " src="./images/banner3.jpg" alt="第一张">
            </div>
            <div class="item" style="background:#F5E4DC;">
                <img class="img-responsive" src="./images/banner2.jpg" alt="第二张">
            </div>
            <div class="item" style="background:#DE2A2D;">
                <img class="img-responsive" src="./images/banner.jpg" alt="第三张">
            </div>
            <!-- 		<div style="background:#eee;">
                        <img src="img/slide.png" alt="第三张">
                    </div> -->
        </div>
        <a href="#myCarousel" data-slide="prev" class="carousel-control left">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a href="#myCarousel" data-slide="next" class="carousel-control right">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
    </div>
</section>

<!--miss区-->
<section id="miss">
    <div class="lvjing">
        <div class="container">
            <!--使用栅格-->
            <div class="row">
                <div class="col-md-1"></div>
                <div class="col-md-10">
                    <h1>Miss 汤 超级漂亮的，人美声甜！</h1>
                    <p>
                        email: suveng@163.com<br/>
                        wechat: gg19961230<br/>
                    </p>
                    <img src="./images/lips.png" class="img-responsive"/>
                </div>
                <div class="col-md-1"></div>
            </div>
        </div>
    </div>
</section>

<!--Tang区-->
<section id="tang">
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <a href="https://blog.csdn.net/qq_37933685/" target="_blank">
                    <img src="./images/boy.jpg" class="img-responsive"/>
                    <h3>Boy</h3>
                    <p>happy boys</p>
                </a>
            </div>
            <div class="col-md-4">
                <a href="https://blog.csdn.net/qq_37933685/" target="_blank">
                    <img src="./images/girl.jpg" class="img-responsive"/>
                    <h3>Girl</h3>
                    <p>happy girl</p>
                </a>
            </div>
            <div class="col-md-4">
                <a href="https://blog.csdn.net/qq_37933685/" target="_blank">
                    <img src="./images/sex.jpg" class="img-responsive"/>
                    <h3>Sexuality</h3>
                    <p>be a couple</p>
                </a>
            </div>
        </div>
    </div>
</section>

<footer class="modal-footer hidden-lg hidden-md" id="footer">
    <div class="container">
        <p class="text-center">something | something | something</p>
        <p class="text-center">suveng Powered by Bootstrap.</p>
    </div>
</footer>

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>